/** Add css rules here for your application. */
.inputl {
	width: 400px ! important;
	background:
		url(http://img03.taobaocdn.com/tps/i3/T1zz0JXjlvXXXXXXXX-800-600.gif)
		0 0 no-repeat white;
}

#item {
	padding: 5px;
}

#item img {
	float: left;
	border: 1px solid #f1c5e0;
	width: 57px;
	height: 57px;
	margin-right: 10px;
}

#discount {
	padding: 5px;
	float: right;
	color: #4EA205;
}

#discount span {
	font-size: 48px;
}

#abgneBlock {
	padding: 5px;
	width: 400px;
	height: 16px;
	/**border: 1px solid #ccc;*/
}

#abgneBlock #player {
	position: relative;
	overflow: hidden;
	height: 100%;
}

#abgneBlock ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	height: 100%;
}

#abgneBlock ul.list li {
	float: left;
	width: 100%;
	height: 100%;
}

#abgneBlock .list img {
	width: 100%;
	height: 100%;
	border: 0;
}

/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}